<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="/image/logo.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华绣瑰宝</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    html, body {
        min-height: 100vh;
        overflow-x: hidden;
    }

    :root {
        --cx-color1: #bd3124;
        --cx-color2: #e8b9b4;
        --cx-color3: #539db6;
        --cx-color4: #de868f;
    }

    /* 整体滚动条 */
    ::-webkit-scrollbar {
        width: 10px; /* 滚动条宽度 */
        height: 10px; /* 滚动条高度 */
    }

    /* 滚动条轨道 */
    ::-webkit-scrollbar-track {
        background-color: transparent; /* 轨道背景颜色 */
    }

    /* 滚动条滑块 */
    ::-webkit-scrollbar-thumb {
        background-color: #bbbbbb; /* 滑块背景颜色 */
        border-radius: 5px; /* 滑块圆角 */
    }

    /* 滚动条滑块悬停状态 */
    ::-webkit-scrollbar-thumb:hover {
        background-color: #999999; /* 悬停时滑块背景颜色 */
    }
</style>
<body>
<div id="app"></div>
<script type="module" src="src/main.js"></script>
</body>
</html>
